<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>armani-index</title>
    <link rel="icon" href="/img/icon.png" sizes="18x18">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./libs/swiper/css/swiper.min.css">

</head>

<body>
    <header></header>

    <main>
        <div class="swiper-container bannerOne">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="/img/banner/HONGGUAN-1920x636.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner/MASTER-1920x636.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner/HONGQIDIAN-1920x636.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner/MY WAY.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner/HEIYAOSHI-1920x636.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner/QUANLI-1920x636.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/img/banner/YETIMIANSHUANG-1920x636.jpg" alt=""></div>
            </div>
            <div class="swiper-button-prev btn"></div>
            <div class="swiper-button-next btn"></div>
        </div>
        <div class="shop-banner">
            <div class="title">
                <p>明星产品</p>
                <ul class="tab" id="tab">
                    <li class="ac">粉妆衣橱</li>
                    <li>唇妆衣橱</li>
                    <li>香氛衣橱</li>
                    <li>限定礼盒</li>
                </ul>
            </div>
            <div class="banner-list ac">
                <ul id="bannerListOne">
    
                </ul>
                <script type="text/html" id="bannerTemplate">
                    {{each list item}}
                        <li>
                            <div class="pic"><img src="{{item.image}}" alt=""></div>
                            <div class="desc">
                                <ul>
                                    <li class="name">{{item.title}}</li>
                                    <!-- <li class="english">{{item.expireDate}}</li> -->
                                    <!-- <li class="color">{{item.expireMsg}}</li>
                                    <li class="star">{{item.couponValue}}</li> -->
                                    <li class="price"><span>￥{{item.price}}</span><span><a href="/html/detail.html?id={{item.id}}">立即购买</a></span></li>
                                </ul>
                            </div>
                        </li>
                    {{/each}}
                </script>
            </div>
            <div class="banner-list">
                <ul id="bannerListTwo"></ul>
                <script type="text/html" id="bannerTemplateTwo">
                {{each list item}}
                    <li>
                        <div class="pic"><img src="{{item.image}}" alt=""></div>
                        <div class="desc">
                            <ul>
                                <li class="name">{{item.title}}</li>
                                <!-- <li class="english">{{item.expireDate}}</li> -->
                                <!-- <li class="color">{{item.expireMsg}}</li>
                                <li class="star">{{item.couponValue}}</li> -->
                                <li class="price"><span>￥{{item.price}}</span><span><a href="/html/detail.html?id={{item.id}}">立即购买</a></span></li>
                            </ul>
                        </div>
                    </li>
                {{/each}}
            </script>
    
            </div>
            <div class="banner-list">
                <ul id="bannerListThree"></ul>
                <script type="text/html" id="bannerTemplateThree">
                {{each list item}}
                    <li>
                        <div class="pic"><img src="{{item.image}}" alt=""></div>
                        <div class="desc">
                            <ul>
                                <li class="name">{{item.title}}</li>
                                <!-- <li class="english">{{item.expireDate}}</li> -->
                                <!-- <li class="color">{{item.expireMsg}}</li>
                                <li class="star">{{item.couponValue}}</li> -->
                                <li class="price"><span>￥{{item.price}}</span><span><a href="/html/detail.html?id={{item.id}}">立即购买</a></span></li>
                            </ul>
                        </div>
                    </li>
                {{/each}}
            </script>
            </div>
            <div class="banner-list">
                <ul id="bannerListFour"></ul>
                <script type="text/html" id="bannerTemplateFour">
                {{each list item}}
                    <li>
                        <div class="pic"><img src="{{item.image}}" alt=""></div>
                        <div class="desc">
                            <ul>
                                <li class="name">{{item.title}}</li>
                                <!-- <li class="english">{{item.expireDate}}</li> -->
                                <!-- <li class="color">{{item.expireMsg}}</li>
                                <li class="star">{{item.couponValue}}</li> -->
                                <li class="price"><span>￥{{item.price}}</span><span><a href="/html/detail.html?id={{item.id}}">立即购买</a></span></li>
                            </ul>
                        </div>
                    </li>
                {{/each}}
                </script>
            </div>
        </div>
        <div class="shop-show">
            <div class="shop-show-prod prod1">
                <div class="movie"><img src="/img/2-banner1.jpg" alt=""></div>
                <!-- <div class="desc" id="movieListone">
                </div> -->
                <div class="pic pic1">
                    <a href="#">
                        <img src="https://ecuniplatform-static.giorgioarmanibeauty.cn/805838453500567552/RDA_8fbaa5fa94f2448d89f41f437b402bde/RDA.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="shop-show-prod prod2">
                <!-- <div class="desc" id="movieListtwo">
                </div> -->
                <div class="pic pic2">
                    <a href="#">
                        <img src="https://ecuniplatform-static.giorgioarmanibeauty.cn/805838453500567552/蓝气垫_5703c83da12441d99b2e3fc1a99df662/蓝气垫.jpg" alt="">
                    </a>
                </div>
                <div class="movie"><img src="/img/2-banner2.jpg" alt=""></div>
            </div>
            <div class="shop-show-prod prod3">
                <div class="movie"><img src="/img/2-banner3.jpg" alt=""></div>
                <!-- <div class="desc" id="movieListtwo">
                </div> -->
                <div class="pic pic3">
                    <a href="#">
                        <img src="https://ecuniplatform-static.giorgioarmanibeauty.cn/805838453500567552/MYWAY_79f8365699384a4f8c1bd8428cdfc47b/MYWAY.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        <div class="wrap">
            <div class="swiper-container bannerTwo">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="/img/banner/2banner1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="/img/banner/2banner2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="/img/banner/2banner3.jpg" alt=""></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
    
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </main>
    
    <footer></footer>

    <script src="./libs/require/require.js" data-main="./js/index"></script>
</body>

</html>